<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>青岛工学院|建筑工程学院欢迎您！</title>
<link rel="stylesheet" type="text/css" href="css/nav.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/960.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/text.css">
<link rel="stylesheet" type="text/css" href="css/slideshow.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
</head>
<body>
<!--顶部图片 -->
    <div class="container_12 top" ></div>
    <!-- 导航栏 -->
    <div class="container_12 menu">
    <ul id="jsddm">
	<li><a href="index.html">首页</a></li>
	<li><a href="xb.html">系部概况</a></li>
	<li><a href="dt.html">党团工作</a></li>
	<li><a href="bk.html">本科教育</a></li>
	<li><a href="xs.html">学生工作</a></li>
	<li><a href="sz.html">师资队伍</a></li>
	<li><a href="ky.html">科研实践</a></li>
	<li style="margin-top: 13px;margin-right: 5px;color: white;float: right;" id="time"></li>
</ul>
<div class="clear"> </div>
</div>
    <div class="container_12" style="background: #fff;">
    <div class="grid_3 alpha omega content_left">
	<div class="cbox1">
	<ul class="f-ul">
	<li><a href="xibugaikuang.html">土木系概况</a></li>
	<li><a href="zhuanyeshezhi.html">专业设置</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="zhuanyeshezhi.html#tumu" >土木工程专业</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="zhuanyeshezhi.html#gongcheng">工程管理专业</a></li>
	<li><a href="jigoushezhi.html">机构设置</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="#">系办公室</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="#">教研办公室</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="#">学生办公室</a></li>
	<li><a href="lianxifangshi.html">联系方式</a></li>	
	</ul></div>
	 <div class="cbox2">
	<ul class="f-ul">
	<li><a href="#">精品课程</a></li>
	<li  style="list-style-image: url('images/3.gif');"><a href="#">精品课程一</a></li>
	<li  style="list-style-image: url('images/3.gif');"><a href="#">精品课程二</a></li>
	<li  style="list-style-image: url('images/3.gif');"><a href="#">精品课程三</a></li>
	<li  style="list-style-image: url('images/3.gif');"><a href="#">精品课程四</a></li>
	</ul>
	</div>
	 <div class="cbox3">
	<ul class="f-ul">
	<li><a href="#">友情链接</a></li>
	<li  style="list-style-image: url('images/3.gif');"><a href="http://www.oucqdc.edu.cn:8080/oucqdc/">青岛工学院</a></li>
	<li  style="list-style-image: url('images/3.gif');"><a href="http://10.10.254.2/jwxt/">教务管理系统(内网)</a></li>
	<li  style="list-style-image: url('images/3.gif');"><a href="http://221.215.217.102/jwxt/">教务管理系统(外网)</a></li>
	<li  style="list-style-image: url('images/3.gif');"><a href="	http://www.oucqdc.edu.cn/Default.aspx?tabid=1319&language=zh-CN">青岛工学院精品课程网</a></li>

	</ul>
	</div>
	</div>
    <!-- medium content -->
    <div class="grid_6 alpha omega content_medium">
    <div class="news-center">
    <a href="newslist.html?xw" class="more">更多...</a>
    <h3 class="title">新闻中心</h3>

    <div class="imageNews">
<div id="ifocus">
	<div id="ifocus_pic">
		<div id="ifocus_piclist" style="left:0; top:0;">
			<ul id="imgnews_img" style="margin-left:-40px;"></ul>
		</div>
		<div id="ifocus_opdiv"></div>
		<div id="ifocus_tx">
			<ul id="imgnews_list"></ul>
		</div>
	</div>
	<div id="ifocus_btn">
		<ul id="littleshow" style="margin-left:-20px;"></ul>
	</div>
</div>
</div>
    </div>
    <div class="listnews">
    <ul id="newscenter"></ul>
    </div>
    <div class="gonggao">
     <a href="newslist.html?tzgg" class="more">更多...</a>
    <h3 class="title">通知公告</h3>
    <div class="listgonggao listnews">
    <ul id="tzgg"></ul>
    </div>
    </div>
    </div>

    <!-- right content -->
    <div class="grid_3 alpha alpha omega content_right" style="width:260px;float:right;">
        <div class="download">    
    <a href="newslist.html?wdxz" class="more">更多...</a>
    <h3 class="title">文档下载</h3>
    <div class="download listnews2">
     <ul id="wdxz"></ul>
    </div>
    </div>
    <div class="intern" style="margin-top:-4px;">
         <a href="newslist.html?jxgz" class="more">更多...</a>
    <h3 class="title">教学工作</h3>
    <div class="intern listnews2">
     <ul  id="jxgz"></ul>
    </div>
    </div>
        <div class="manager">
         <a href="newslist.html?wxts" class="more" style="border-bottom: 3px solid pink;"><font color="pink">更多...</font></a>
    <h3 class="title" style="border-bottom: 3px solid pink;"><font color="pink">温馨提示</font></h3>
    <div class="manager listnews2">
         <ul id="wxts"></ul>
    </div>

    </div>
    </div>
    </div>

    <div class="container_12 footer"><div class="text">版权所有® 青岛工学院土木工程系. All rights reserved</div></div>
    
     <script type="text/javascript">
	$.ajax({
   		url: "showNewsByCidAction.do?count=7&c_id=xw",
   		type:'get',		
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
	     		$("#newscenter").append("<li><a href="+"newscon.html?id="
	     				+msg.news[i][0]
	     			+"><span class='dates'>"
	     			+msg.news[i][2]
	     			+"</span><div class='ellipsis'>"
	     			+msg.news[i][1]
	     			+"</div></a></li>"
	     			);
	     	}	
		}
	});
    </script>
        <script type="text/javascript">
	$.ajax({
   		url: "showNewsByCidAction.do?count=5&c_id=tzgg",
   		type:'get',
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
	     		$("#tzgg").append("<li><a href="+"newscon.html?id="
	     			+msg.news[i][0]
	     			+"><span class='dates'>"
	     			+msg.news[i][2]
	     			+"</span><div class='ellipsis'>"
	     			+msg.news[i][1]
	     			+"</div></a></li>"
	     			);
	     	}	
		}
	});
    </script>
        <script type="text/javascript">
	$.ajax({
   		url: "showNewsByCidAction.do?count=5&c_id=wdxz",
   		type:'get',
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
	     		$("#wdxz").append("<li><a href="+"newscon.html?id="
	     			+msg.news[i][0]
	     			+"><span class='dates2'>"
	     			+msg.news[i][2]
	     			+"</span><div class='ellipsis2'>"
	     			+msg.news[i][1]
	     			+"</div></a></li>"
	     			);
	     	}	
		}
	});
    </script>
        <script type="text/javascript">
	$.ajax({
   		url: "showNewsByCidAction.do?count=5&c_id=jxgz",
   		type:'get',
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
	     		$("#jxgz").append("<li><a href="+"newscon.html?id="
	     			+msg.news[i][0]
	     			+"><span class='dates2'>"
	     			+msg.news[i][2]
	     			+"</span><div class='ellipsis2'>"
	     			+msg.news[i][1]
	     			+"</div></a></li>"
	     			);
	     	}	
		}
	});
    </script>
        <script type="text/javascript">
	$.ajax({
   		url: "showNewsByCidAction.do?count=5&c_id=wxts",
   		type:'get',
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
	     		$("#wxts").append("<li><a href="+"newscon.html?id="
	     			+msg.news[i][0]
	     			+"><span class='dates2'>"
	     			+msg.news[i][2]
	     			+"</span><div class='ellipsis2'>"
	     			+msg.news[i][1]
	     			+"</div></a></li>"
	     			);
	     	}	
		}
	});
    </script>
    <script type="text/javascript">
    $.ajax({
   		url: "showHotActions.do",
   		type:'get',
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
   			$("#imgnews_img").append("<li><a href="+"newscon.html?id="+msg.news[i][0]+"><img src="+msg.news[i][2]+" alt="+msg.news[i][1]+" /></a></li>");
	     	$("#imgnews_list").append("<li class="+"normal>"+msg.news[i][1]+"</li>");
	     	$("#littleshow").append("<li class='current'><img src="+msg.news[i][2]+"></li>");
   			}
		}
	});
    </script>
<SCRIPT LANGUAGE="JavaScript">
var now= new Date();
var year=now.getFullYear();
var month=now.getMonth()+1;
var day=now.getDate();
var hour=now.getHours();
var minute=now.getMinutes();
var second=now.getSeconds();
$("#time").append("当前时间："+year+"年"+month+"月"+day+"日"+hour+"时");
   </SCRIPT>
  </body>
</html>